<html>
    <head>
        <script src="../build/react.js"></script>
        <script src="../build/react-dom.js"></script>
        <script src="../build/browser.min.js"></script>
    </head>
    <body>
        <div id="container1"></div>
        <div id="container2"></div>
        <div id="container3"></div>
        <script type="text/babel">
            var names = ['curry','kd','kt'];
            ReactDOM.render(
               <div>
                {
                    names.map(
                        function (name) {
                            return <div>Hello,{name}!</div>
                        }
                    )
                }
                </div>,
                document.getElementById('container1')
            );

            var arr = [
                <h1>this is h1</h1>,
                <h2>this is h2</h2>
            ];
            ReactDOM.render(
               <div>
                {arr}
                </div>,
                document.getElementById('container2')
            );


            


        </script>
    </body>
</html>